<template>
  <div class="bigbox">
    <div class="header">
      <my-header></my-header>
    </div>
    <div class="main">
      <swipe></swipe>
      <!-- 轮播图 -->
      <div class="top10">
        <grid-f></grid-f>
      </div>
      <!-- 选项 -->
      <div class="top10">
        <count-down></count-down>
      </div>
      <!-- 倒计时 -->
      <div class="top10">
        <sec-kill></sec-kill>
      </div>
      <!-- 秒杀数据 -->
      <div class="top10">
        <my-goods></my-goods>
      </div>
    </div>
  </div>
</template>

<script>

import MyHeader from "../components/Home/MyHeader.vue";
import GridF from "../components/Home/GridF.vue";
import Swipe from "../components/Home/Swipe.vue";
import SecKill from "../components/Home/SecKill.vue";
import CountDown from "../components/Home/CountDown.vue";
import MyGoods from '../components/Home/MyGoods.vue';

export default {
 
  name: "Home",
  components: { MyHeader, GridF, Swipe, SecKill, CountDown, MyGoods },
  
};
</script>

<style scoped>
.top10 {
  margin-top: 0.1rem;
  background-color: white;
}
</style>
